@keyframes justRotate {
  0%{
    -webkit-transform: rotate(0deg);
  }
  100%{
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes justRotate {
  0%{
    -webkit-transform: rotate(0deg);
  }
  100%{
    -webkit-transform: rotate(360deg);
  }
}


@-webkit-keyframes heartbeat {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  50% {
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes heartbeat {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  50% {
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}


@-webkit-keyframes hingeLeft {
  0% {
      -webkit-transform-origin: top right;
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      -webkit-transform: rotate(-80deg);
      transform: rotate(-80deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      -webkit-transform: rotate(-60deg);
      transform: rotate(-60deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,-700px,0);
      transform: translate3d(0,-700px,0);
      opacity: 0
  }
}

@keyframes hingeLeft {
  0% {
      -webkit-transform-origin: top right;
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      -webkit-transform: rotate(-80deg);
      transform: rotate(-80deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      -webkit-transform: rotate(-60deg);
      transform: rotate(-60deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,700px,0);
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}

@-webkit-keyframes hingeRight {
  0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,700px,0);
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}

@keyframes hingeRight {
  0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,700px,0);
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}


@keyframes lightSpeedInDown {
  0% {
      -webkit-transform: translate3d(0,-100%,0) skewX(-30deg);
      transform: translate3d(0,-100%,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@-webkit-keyframes lightSpeedInDown {
  0% {
      -webkit-transform: translate3d(0,-100%,0) skewX(-30deg);
      transform: translate3d(0,-100%,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}


@-webkit-keyframes lightSpeedInLeft {
  0% {
      -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
      transform: translate3d(100%,0,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@keyframes lightSpeedInLeft {
  0% {
      -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
      transform: translate3d(100%,0,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}


@-webkit-keyframes lightSpeedInRight {
  0% {
      -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
      transform: translate3d(-100%,0,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@keyframes lightSpeedInRight {
  0% {
      -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
      transform: translate3d(-100%,0,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}


@keyframes lightSpeedInUp {
  0% {
      -webkit-transform: translate3d(0,100%,0) skewX(-30deg);
      transform: translate3d(0,100%,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}

@-webkit-keyframes lightSpeedInUp {
  0% {
      -webkit-transform: translate3d(0,100%,0) skewX(-30deg);
      transform: translate3d(0,100%,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1
  }

  to {
      -webkit-transform: none;
      transform: none;
      opacity: 1
  }
}


@-webkit-keyframes lightSpeedOutDown {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,100%,0) skewY(30deg);
      transform: translate3d(0,100%,0) skewY(30deg);
      opacity: 0
  }
}

@keyframes lightSpeedOutDown {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,100%,0) skewY(30deg);
      transform: translate3d(0,100%,0) skewY(30deg);
      opacity: 0
  }
}


@-webkit-keyframes lightSpeedOutLeft {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
      transform: translate3d(-100%,0,0) skewX(30deg);
      opacity: 0
  }
}

@keyframes lightSpeedOutLeft {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
      transform: translate3d(-100%,0,0) skewX(30deg);
      opacity: 0
  }
}


@-webkit-keyframes lightSpeedOutRight {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(100%,0,0) skewX(30deg);
      transform: translate3d(100%,0,0) skewX(30deg);
      opacity: 0
  }
}

@keyframes lightSpeedOutRight {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(100%,0,0) skewX(30deg);
      transform: translate3d(100%,0,0) skewX(30deg);
      opacity: 0
  }
}


@-webkit-keyframes lightSpeedOutUp {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,-100%,0) skewY(30deg);
      transform: translate3d(0,-100%,0) skewY(30deg);
      opacity: 0
  }
}

@keyframes lightSpeedOutUp {
  0% {
      opacity: 1
  }

  to {
      -webkit-transform: translate3d(0,-100%,0) skewY(30deg);
      transform: translate3d(0,-100%,0) skewY(30deg);
      opacity: 0
  }
}


@-webkit-keyframes opacityFadeInDown {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,-200px,0);
      transform: translate3d(0,-200px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes opacityFadeInDown {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,-200px,0);
      transform: translate3d(0,-200px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}


@-webkit-keyframes opacityFadeInLeft {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(-200px,0,0);
      transform: translate3d(-200px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes opacityFadeInLeft {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(-200px,0,0);
      transform: translate3d(-200px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}


@-webkit-keyframes opacityFadeInRight {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(200px,0,0);
      transform: translate3d(200px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes opacityFadeInRight {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(200px,0,0);
      transform: translate3d(200px,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}


@-webkit-keyframes opacityFadeInUp {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,200px,0);
      transform: translate3d(0,200px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes opacityFadeInUp {
  0% {
      opacity: 1;
      -webkit-transform: translate3d(0,200px,0);
      transform: translate3d(0,200px,0)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}


@-webkit-keyframes puffIn {
  0% {
      opacity: 0;
      -webkit-transform-origin: 50% 50%;
      -webkit-transform: scale(2)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: 50% 50%;
      -webkit-transform: scale(1)
  }
}

@keyframes puffIn {
  0% {
      opacity: 0;
      transform-origin: 50% 50%;
      transform: scale(2)
  }

  to {
      opacity: 1;
      transform-origin: 50% 50%;
      transform: scale(1)
  }
}


@-webkit-keyframes puffOut {
  0% {
      opacity: 1;
      -webkit-transform-origin: 50% 50%;
      -webkit-transform: scale(1)
  }

  to {
      opacity: 0;
      -webkit-transform-origin: 50% 50%;
      -webkit-transform: scale(2)
  }
}

@keyframes puffOut {
  0% {
      opacity: 1;
      transform-origin: 50% 50%;
      transform: scale(1)
  }

  to {
      opacity: 0;
      transform-origin: 50% 50%;
      transform: scale(2)
  }
}


@-webkit-keyframes rollInDown {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0) rotateX(120deg);
      transform: translate3d(0,-100%,0) rotateX(120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes rollInDown {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0) rotateX(120deg);
      transform: translate3d(0,-100%,0) rotateX(120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}


@-webkit-keyframes rollInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0) rotate(120deg);
      transform: translate3d(100%,0,0) rotate(120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes rollInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0) rotate(120deg);
      transform: translate3d(100%,0,0) rotate(120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}


@-webkit-keyframes rollInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0) rotate(-120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none
  }
}

@keyframes rollInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
      transform: translate3d(-100%,0,0) rotate(-120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}


@-webkit-keyframes rollInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0) rotateX(-120deg);
      transform: translate3d(0,100%,0) rotateX(-120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes rollInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0) rotateX(-120deg);
      transform: translate3d(0,100%,0) rotateX(-120deg)
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}


@-webkit-keyframes rollOutDown {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0) rotate(120deg);
      transform: translate3d(0,100%,0) rotate(120deg)
  }
}

@keyframes rollOutDown {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0) rotate(120deg);
      transform: translate3d(0,100%,0) rotate(120deg)
  }
}


@-webkit-keyframes rollOutLeft {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
      transform: translate3d(-100%,0,0) rotate(-120deg)
  }
}

@keyframes rollOutLeft {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
      transform: translate3d(-100%,0,0) rotate(-120deg)
  }
}


@-webkit-keyframes rollOutRight {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0) rotate(120deg);
      transform: translate3d(100%,0,0) rotate(120deg)
  }
}

@keyframes rollOutRight {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%,0,0) rotate(120deg);
      transform: translate3d(100%,0,0) rotate(120deg)
  }
}


@-webkit-keyframes rollOutUp {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0) rotate(-120deg);
      transform: translate3d(0,-100%,0) rotate(-120deg)
  }
}

@keyframes rollOutUp {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0) rotate(-120deg);
      transform: translate3d(0,-100%,0) rotate(-120deg)
  }
}


@-webkit-keyframes slideDown {
  0% {
      -webkit-transform-origin: 0 0;
      -webkit-transform: translateY(0)
  }

  to {
      -webkit-transform-origin: 0 0;
      -webkit-transform: translateY(100%)
  }
}

@keyframes slideDown {
  0% {
      transform-origin: 0 0;
      transform: translateY(0)
  }

  to {
      transform-origin: 0 0;
      transform: translateY(100%)
  }
}


@-webkit-keyframes slideUp {
  0% {
      -webkit-transform-origin: 0 0;
      -webkit-transform: translateY(0)
  }

  to {
      -webkit-transform-origin: 0 0;
      -webkit-transform: translateY(-100%)
  }
}

@keyframes slideUp {
  0% {
      transform-origin: 0 0;
      transform: translateY(0)
  }

  to {
      transform-origin: 0 0;
      transform: translateY(-100%)
  }
}


@-webkit-keyframes twisterInDownDown {
  0% {
      opacity: 0;
      -webkit-transform-origin: right top;
      -webkit-transform: scale(0) translateY(-100%) rotate(1turn)
  }

  30% {
      -webkit-transform-origin: right top;
      -webkit-transform: scale(0) translateY(-100%) rotate(1turn)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: right top;
      -webkit-transform: scale(1) translateY(0) rotate(0deg)
  }
}

@keyframes twisterInDownDown {
  0% {
      opacity: 0;
      transform-origin: right top;
      transform: scale(0) translateY(-100%) rotate(1turn)
  }

  30% {
      transform-origin: right top;
      transform: scale(0) translateY(-100%) rotate(1turn)
  }

  to {
      opacity: 1;
      transform-origin: right top;
      transform: scale(1) translateY(0) rotate(0deg)
  }
}


@-webkit-keyframes twisterInDownLeft {
  0% {
      opacity: 0;
      -webkit-transform-origin: right bottom;
      -webkit-transform: scale(0) translateX(100%) rotate(-1turn)
  }

  30% {
      -webkit-transform-origin: right bottom;
      -webkit-transform: scale(0) translateX(100%) rotate(-1turn)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: right bottom;
      -webkit-transform: scale(1) translateX(0) rotate(0deg)
  }
}

@keyframes twisterInDownLeft {
  0% {
      opacity: 0;
      transform-origin: right bottom;
      transform: scale(0) translateX(100%) rotate(-1turn)
  }

  30% {
      transform-origin: right bottom;
      transform: scale(0) translateX(100%) rotate(-1turn)
  }

  to {
      opacity: 1;
      transform-origin: right bottom;
      transform: scale(1) translateX(0) rotate(0deg)
  }
}


@-webkit-keyframes twisterInDownRight {
  0% {
      opacity: 0;
      -webkit-transform-origin: left top;
      -webkit-transform: scale(1) translateX(-100%) rotate(1turn)
  }

  30% {
      -webkit-transform-origin: left top;
      -webkit-transform: scale(0) translateX(-100%) rotate(1turn)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: left top;
      -webkit-transform: scale(1) translateX(0) rotate(0deg)
  }
}

@keyframes twisterInDownRight {
  0% {
      opacity: 0;
      transform-origin: left top;
      transform: scale(0) translateX(-100%) rotate(1turn)
  }

  30% {
      transform-origin: left top;
      transform: scale(0) translateX(-100%) rotate(1turn)
  }

  to {
      opacity: 1;
      transform-origin: left top;
      transform: scale(1) translateX(0) rotate(0deg)
  }
}



@-webkit-keyframes twisterInDownUp {
  0% {
      opacity: 0;
      -webkit-transform-origin: left bottom;
      -webkit-transform: scale(0) translateY(100%) rotate(-1turn)
  }

  30% {
      -webkit-transform-origin: left bottom;
      -webkit-transform: scale(0) translateY(100%) rotate(-1turn)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: left bottom;
      -webkit-transform: scale(1) translateY(0) rotate(0deg)
  }
}

@keyframes twisterInDownUp {
  0% {
      opacity: 0;
      transform-origin: left bottom;
      transform: scale(0) translateY(100%) rotate(-1turn)
  }

  30% {
      transform-origin: left bottom;
      transform: scale(0) translateY(100%) rotate(-1turn)
  }

  to {
      opacity: 1;
      transform-origin: left bottom;
      transform: scale(1) translateY(0) rotate(0deg)
  }
}


@-webkit-keyframes twisterInUpDown {
  0% {
      opacity: 0;
      -webkit-transform-origin: center center;
      -webkit-transform: scale(1) translateY(-100%) rotate(-1turn)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: center center;
      -webkit-transform: scale(1) translateY(0) rotate(0deg)
  }
}

@keyframes twisterInUpDown {
  0% {
      opacity: 0;
      transform-origin: center center;
      transform: scale(1) translateY(-100%) rotate(-1turn)
  }

  to {
      opacity: 1;
      transform-origin: center center;
      transform: scale(1) translateY(0) rotate(0deg)
  }
}


@-webkit-keyframes twisterInUpLeft {
  0% {
      opacity: 0;
      -webkit-transform-origin: center center;
      -webkit-transform: scale(1) translateX(100%) rotate(1turn)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: center center;
      -webkit-transform: scale(1) translateX(0) rotate(0deg)
  }
}

@keyframes twisterInUpLeft {
  0% {
      opacity: 0;
      transform-origin: center center;
      transform: scale(1) translateX(100%) rotate(1turn)
  }

  to {
      opacity: 1;
      transform-origin: center center;
      transform: scale(1) translateX(0) rotate(0deg)
  }
}


@-webkit-keyframes twisterInUpRight {
  0% {
      opacity: 0;
      -webkit-transform-origin: center center;
      -webkit-transform: scale(1) translateX(-100%) rotate(-1turn)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: center center;
      -webkit-transform: scale(1) translateX(0) rotate(0deg)
  }
}

@keyframes twisterInUpRight {
  0% {
      opacity: 0;
      transform-origin: center center;
      transform: scale(1) translateX(-100%) rotate(-1turn)
  }

  to {
      opacity: 1;
      transform-origin: center center;
      transform: scale(1) translateX(0) rotate(0deg)
  }
}


@-webkit-keyframes twisterInUpUp {
  0% {
      opacity: 0;
      -webkit-transform-origin: center center;
      -webkit-transform: scale(1) translateY(100%) rotate(1turn)
  }

  to {
      opacity: 1;
      -webkit-transform-origin: center center;
      -webkit-transform: scale(1) translateY(0) rotate(0deg)
  }
}

@keyframes twisterInUpUp {
  0% {
      opacity: 0;
      transform-origin: center center;
      transform: scale(1) translateY(100%) rotate(1turn)
  }

  to {
      opacity: 1;
      transform-origin: center center;
      transform: scale(1) translateY(0) rotate(0deg)
  }
}


@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(0)
    }

    to {
        -webkit-filter: blur(8px)
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(0)
    }

    to {
        -webkit-filter: blur(8px)
    }
}


@-webkit-keyframes particles {
    0% {
        -webkit-filter: blur(2px)
    }

    to {
        -webkit-filter: blur(0)
    }
}

@keyframes particles {
    0% {
        -webkit-filter: blur(2px)
    }

    to {
        -webkit-filter: blur(0)
    }
}


@-webkit-keyframes sharp {
    0% {
        -webkit-filter: blur(8px)
    }

    to {
        -webkit-filter: blur(0)
    }
}

@keyframes sharp {
    0% {
        -webkit-filter: blur(8px)
    }

    to {
        -webkit-filter: blur(0)
    }
}

@-webkit-keyframes scaleDown {
    0% {
        -webkit-transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}


@-webkit-keyframes scaleUp {
    0% {
        -webkit-transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.5)
    }
}

@keyframes scaleUp {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.5)
    }
}
